<%--
  Created by Tony
--%>
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="cs" />
<meta name="robots" content="all,follow" />

<title>ProjectBox</title>
<meta name="description" content="..." />
<meta name="keywords" content="..." />

<!--  <link rel="index" href="./" title="Home" /> -->
<link rel="stylesheet" media="screen,projection" type="text/css"
	href="<c:url value='/css/main.css' />" />
<link rel="stylesheet" media="print" type="text/css"
	href="<c:url value='/css/print.css' />" />
<link rel="stylesheet" media="aural" type="text/css"
	href="<c:url value='/css/aural.css' />" />
</head>

<script type="text/javascript">

function emptyTopSearchBox() {
	
	document.getElementById("search-input").value = "";
}

</script>
<body id="www-url-cz">

	<!-- Main -->
	<div id="main" class="box">

		<!-- Header -->
		<div id="header">

			<!-- Logotyp -->
			<img alt="" src="<c:url value='/design/logo.png'/>" class="logo" />
			<hr class="noscreen" />

			<!-- Quick links -->
			<div class="noscreen noprint">
				<p>
					<em>Quick links: <a href="#content">content</a>, <a
						href="#tabs">navigation</a>, <a href="#search">search</a>.</em>
				</p>
				<hr />
			</div>
			
			<!-- Search -->
			<div id="search" class="noprint">
				<form action="<c:url value='/search/doSearch'/>" method="GET">
					<fieldset>
						<legend>Search</legend>
						<label><span class="noscreen">Find:</span> <span
							id="search-input-out"><input type="text"
								id="search-input" name="search-input" size="30" placeholder="Search Projects" onclick="javascript:emptyTopSearchBox()"/> </span> </label> 
								<input type="image" src="design/search_submit.gif" id="search-submit" ALT="Submit Form" border="0" value=”Submit”/>
					</fieldset>
				</form>
			</div>
			<!-- /search -->

		</div>
		<!-- /header -->

		<!-- Main menu (tabs) -->
		<div id="tabs" class="noprint">

			<h3 class="noscreen">Navigation</h3>
			<ul class="box">
				<li id="active"><a href="<c:url value='/announcement'/>">Announcements<span
						class="tab-l"></span><span class="tab-r"></span>
				</a>
				</li>
				<!-- Active -->
				<li><a href="<c:url value='/myproject'/>">Projects<span
						class="tab-l"></span><span class="tab-r"></span>
				</a>
				</li>
				<li><a href="<c:url value='/search'/>">Search<span
						class="tab-l"></span><span class="tab-r"></span>
				</a>
				</li>
				<li><a href="<c:url value='/rule'/>">Rules<span class="tab-l"></span><span
						class="tab-r"></span>
				</a>
				</li>
				<!-- 
				<li id="login"><div class="right">Hi, ${user.firstName},
						${user.lastName} | Logout</div>
				</li>
				-->
			</ul>
			
			<div  class="f-right" style="margin-right:20px; margin-bottom:20px; font-weight: bold; color: #FF9000;">
				Hi, ${user.firstName}, ${user.lastName} | <a href="<c:url value='/logout' />" >Logout</a>
			</div>

			<hr class="noscreen" />
		</div>
		<!-- /tabs -->
		

		<!-- Page (2 columns) -->
		<div id="page" class="box">
			<div id="page-in" class="box">

				<!-- /strip -->

				<!-- Content -->
				<div id="content">
					<!-- Annoucement -->
					<c:choose>
						<c:when test="${announcements != null}">
							<c:forEach var="announcement" items="${announcements}"
								varStatus="counter">
								<div class="article">
									<h2>
										<span>${announcement.title}</span>
									</h2>
									<p class="info noprint">
										<span class="date"><script language="Javascript">
						nd = new Date(${announcement.timeCreated});
						document.write(nd.toLocaleTimeString() + " " + nd.toLocaleDateString());
						</script>
										</span><span class="noscreen">,</span>
									</p>
									<p>${announcement.content}</p>
									
								</div>
								<!-- /article -->
								<hr class="noscreen" />
							</c:forEach>
						</c:when>
					</c:choose>

				</div>
				<!-- /content -->

			</div>
			<!-- /page-in -->
		</div>
		<!-- /page -->

		<!-- Footer -->
		<div id="footer">
			<div id="top" class="noprint">
				<p>
					<span class="noscreen">Back on top</span> <a href="#header"
						title="Back on top ^">^<span></span>
					</a>
				</p>
			</div>
			<hr class="noscreen" />

			<p id="copyright">
				&copy; 2012 <a href="mailto:mss.projectbox@gmail.com">ProjectBox Team</a>
			</p>
		</div>
		<!-- /footer -->

	</div>
	<!-- /main -->

</body>
</html>